<div class="banner" style="margin-top:50px;">身体机能等级分布概况</div>
<div style="width:100%;margin:10px 0px 10px 0px;color:#67bd98;font-size:16px;line-height:10px;"><div class='triangle-right' style="float:left;"></div>心跳频率等级分布统计概况</div>
<div class="small_banner">整体概况</div>
<div style="width:1200px;height:auto;">
  <div style="width:500px;float:left;height:300px;margin-right:50px;" id="heartRate"></div>
  <script>
    var heartRate1=parseFloat("<?php echo $data[2]['heartRate'][0][0]; ?>");
    var heartRate2=parseFloat("<?php echo $data[2]['heartRate'][1][0]; ?>");
    var heartRate3=parseFloat("<?php echo $data[2]['heartRate'][2][0]; ?>");
    $('#heartRate').highcharts({
            exporting: {
              enabled:false
            },

      chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: ''
    },
    plotOptions: {
      pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            enabled: false
        },
        showInLegend: true
      }
    },
    series: [{
      name: '等级',
      colorByPoint: true,
      data: [{
        name: '慢',
        y: heartRate1
      }, {
        name: '标准',
        y: heartRate2
      }, {
        name: '快',
        y: heartRate3
      }]
    }]
    });
  </script>
    <div style="width:400px;float:left;font-size:16px;margin-left:50px;font-weight:bold;">
    从安静心率来看，每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][0]}名，占比<?php echo round($data[2]['heartRate'][2][0]/$data[2]["effective_number"]*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][0]}名，占比<?php echo round($data[2]['heartRate'][1][0]/$data[2]["effective_number"]*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][0]}名，占比<?php echo round($data[2]['heartRate'][0][0]/$data[2]["effective_number"]*100,2); ?>%。
  </div>
  <div style="clear:both;"></div>
</div>
<!--心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_hb"></div>
  <script>
    var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][0]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][0]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][0]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][0]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][0]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][0]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][0]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][0]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][0]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <td style="text-align:center;"><php> echo round($year[heartRate][0][0]/$year['effective_number']*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <td style="text-align:center;"><php> echo round($year[heartRate][1][0]/$year['effective_number']*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <td style="text-align:center;"><php> echo round($year[heartRate][2][0]/$year['effective_number']*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--心跳频率调环比结束-->
<div class="small_banner">按性别分布</div>
<!--性别心跳频率分布开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;margin-right:50px;" id="heartRate_gender"></div>
  <script>
    var physicallevel1_man=parseFloat("<?php echo $data[2]['heartRate'][0][1]; ?>");
    var physicallevel1_woman=parseFloat("<?php echo $data[2]['heartRate'][0][2]; ?>");
    var physicallevel2_man=parseFloat("<?php echo $data[2]['heartRate'][1][1]; ?>");
    var physicallevel2_woman=parseFloat("<?php echo $data[2]['heartRate'][1][2]; ?>");
    var physicallevel3_man=parseFloat("<?php echo $data[2]['heartRate'][2][1]; ?>");
    var physicallevel3_woman=parseFloat("<?php echo $data[2]['heartRate'][2][2]; ?>");
    $('#heartRate_gender').highcharts({
            exporting: {
              enabled:false
            },
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
          categories: [
              '慢',
              '标准',
              '快'
          ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: '人数 (人)'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y} 人</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: '男',
            data: [physicallevel1_man, physicallevel2_man, physicallevel3_man]

        }, {
            name: '女',
            data: [physicallevel1_woman,physicallevel2_woman,physicallevel3_woman]

        }]
    });
  </script>
    <?php 
      $man=$data[2]['heartRate'][2][1]+$data[2]['heartRate'][1][1]+$data[2]['heartRate'][0][1];
      $woman=$data[2]['heartRate'][2][2]+$data[2]['heartRate'][1][2]+$data[2]['heartRate'][0][2];
    ?>
  <div style="width:400px;float:left;font-size:16px;margin-left:50px;font-weight:bold;">
    从性别分布来看，男孩中每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][1]}名，占比<?php echo round($data[2]['heartRate'][2][1]/$man*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][1]}名，占比<?php echo round($data[2]['heartRate'][1][1]/$man*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][1]}名，占比<?php echo round($data[2]['heartRate'][0][1]/$man*100,2); ?>%。女孩中每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][2]}名，占比<?php echo round($data[2]['heartRate'][2][2]/$woman*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][2]}名，占比<?php echo round($data[2]['heartRate'][1][2]/$woman*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][2]}名，占比<?php echo round($data[2]['heartRate'][0][2]/$woman*100,2); ?>%。 
  </div>
  <div style="clear:both;"></div>
</div>
<!--性别心跳频率分布结束-->
<!--男孩心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_man_hb"></div>
  <script>
   var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][1]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][1]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][1]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][1]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][1]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][1]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][1]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][1]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][1]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_man_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '男孩心跳频率环比',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <?php 
          $man=$year['heartRate'][2][1]+$year['heartRate'][1][1]+$year['heartRate'][0][1];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][0][1]/$man*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <?php 
          $man=$year['heartRate'][2][1]+$year['heartRate'][1][1]+$year['heartRate'][0][1];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][1][1]/$man*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <?php 
          $man=$year['heartRate'][2][1]+$year['heartRate'][1][1]+$year['heartRate'][0][1];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][2][1]/$man*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--男孩心跳频率环比结束-->
<!--女孩心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_woman_hb"></div>
  <script>
    var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][2]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][2]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][2]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][2]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][2]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][2]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][2]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][2]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][2]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_woman_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '女孩心跳频率环比',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <?php 
          $woman=$year['heartRate'][2][2]+$year['heartRate'][1][2]+$year['heartRate'][0][2];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][0][2]/$woman*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <?php 
          $woman=$year['heartRate'][2][2]+$year['heartRate'][1][2]+$year['heartRate'][0][2];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][1][2]/$woman*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <?php 
          $woman=$year['heartRate'][2][2]+$year['heartRate'][1][2]+$year['heartRate'][0][2];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][2][2]/$woman*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--女孩心跳频率环比结束-->
<div class="small_banner">按年龄分布概况</div>
<!--年龄心跳频率分布开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;margin-right:50px;" id="heartRate_age"></div>
  <script>
    var physicallevel1_age_3=parseFloat("<?php echo $data[2]['heartRate'][0][3]; ?>");
    var physicallevel1_age_4=parseFloat("<?php echo $data[2]['heartRate'][0][4]; ?>");
    var physicallevel1_age_5=parseFloat("<?php echo $data[2]['heartRate'][0][5]; ?>");
    var physicallevel1_age_6=parseFloat("<?php echo $data[2]['heartRate'][0][6]; ?>");
    var physicallevel2_age_3=parseFloat("<?php echo $data[2]['heartRate'][1][3]; ?>");
    var physicallevel2_age_4=parseFloat("<?php echo $data[2]['heartRate'][1][4]; ?>");
    var physicallevel2_age_5=parseFloat("<?php echo $data[2]['heartRate'][1][5]; ?>");
    var physicallevel2_age_6=parseFloat("<?php echo $data[2]['heartRate'][1][6]; ?>");
    var physicallevel3_age_3=parseFloat("<?php echo $data[2]['heartRate'][2][3]; ?>");
    var physicallevel3_age_4=parseFloat("<?php echo $data[2]['heartRate'][2][4]; ?>");
    var physicallevel3_age_5=parseFloat("<?php echo $data[2]['heartRate'][2][5]; ?>");
    var physicallevel3_age_6=parseFloat("<?php echo $data[2]['heartRate'][2][6]; ?>");
    $('#heartRate_age').highcharts({
            exporting: {
              enabled:false
            },
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
          categories: [
              '慢',
              '标准',
              '快'
          ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: '人数 (人)'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y} 人</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: '3-4岁',
            data: [physicallevel1_age_3, physicallevel2_age_3, physicallevel3_age_3]

        }, {
            name: '4-5岁',
            data: [physicallevel1_age_4,physicallevel2_age_4,physicallevel3_age_4]

        },{
            name: '5-6岁',
            data: [physicallevel1_age_5,physicallevel2_age_5,physicallevel3_age_5]

        }]
    });
  </script>
  <?php 
    $age1= $data[2]['heartRate'][2][3]+$data[2]['heartRate'][1][3]+$data[2]['heartRate'][0][3];
    $age2= $data[2]['heartRate'][2][4]+$data[2]['heartRate'][1][4]+$data[2]['heartRate'][0][4];
    $age3= $data[2]['heartRate'][2][5]+$data[2]['heartRate'][1][5]+$data[2]['heartRate'][0][5];
  ?>
  <div style="width:400px;float:left;font-size:16px;margin-left:50px;font-weight:bold;">
   从年龄分布来看，3-4岁幼儿中每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][3]}名，占比<?php echo round($data[2]['heartRate'][2][3]/$age1*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][3]}名，占比<?php echo round($data[2]['heartRate'][1][3]/$age1*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][3]}名，占比<?php echo round($data[2]['heartRate'][0][3]/$age1*100,2); ?>%。4-5岁幼儿中每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][4]}名，占比<?php echo round($data[2]['heartRate'][2][4]/$age2*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][4]}名，占比<?php echo round($data[2]['heartRate'][1][4]/$age2*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][4]}名，占比<?php echo round($data[2]['heartRate'][0][4]/$age2*100,2); ?>%。5-6岁幼儿中每分钟心跳数在120次以上的幼儿人数{$data[2]['heartRate'][2][5]}名，占比<?php echo round($data[2]['heartRate'][2][5]/$age3*100,2); ?>%，每分钟心跳数在80-120次的幼儿人数{$data[2]['heartRate'][1][5]}名，占比<?php echo round($data[2]['heartRate'][1][5]/$age3*100,2); ?>%，每分钟心跳数在80次以下的幼儿人数{$data[2]['heartRate'][0][5]}名，占比<?php echo round($data[2]['heartRate'][0][5]/$age3*100,2); ?>%。
  </div>
  <div style="clear:both;"></div>
</div>
<!--年龄分布结束-->
<!--3岁心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_age_3_hb"></div>
  <script>
    var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][3]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][3]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][3]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][3]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][3]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][3]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][3]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][3]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][3]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_age_3_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '3-4岁心跳频率环比',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <?php 
          $age1= $year['heartRate'][2][3]+$year['heartRate'][1][3]+$year['heartRate'][0][3];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][0][3]/$age1*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <?php 
          $age1= $year['heartRate'][2][3]+$year['heartRate'][1][3]+$year['heartRate'][0][3];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][1][3]/$age1*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <?php 
          $age1= $year['heartRate'][2][3]+$year['heartRate'][1][3]+$year['heartRate'][0][3];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][2][3]/$age1*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--3岁心跳频率环比结束-->
<!--4岁心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_age_4_hb"></div>
  <script>
    var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][4]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][4]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][4]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][4]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][4]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][4]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][4]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][4]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][4]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_age_4_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '4-5岁心跳频率环比',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <?php 
          $age2= $year['heartRate'][2][4]+$year['heartRate'][1][4]+$year['heartRate'][0][4];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][0][4]/$age2*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <?php 
          $age2= $year['heartRate'][2][4]+$year['heartRate'][1][4]+$year['heartRate'][0][4];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][1][4]/$age2*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <?php 
          $age2= $year['heartRate'][2][4]+$year['heartRate'][1][4]+$year['heartRate'][0][4];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][2][4]/$age2*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--4岁心跳频率环比结束-->
<!--5岁心跳频率环比开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="heartRate_age_5_hb"></div>
  <script>
     var heartRate1=parseFloat("<?php echo $data[0]['heartRate'][0][5]; ?>");
    var heartRate1_1=parseFloat("<?php echo $data[1]['heartRate'][0][5]; ?>");
    var heartRate1_2=parseFloat("<?php echo $data[2]['heartRate'][0][5]; ?>");
    var heartRate1=new Array(heartRate1,heartRate1_1,heartRate1_2);
    var heartRate2=parseFloat("<?php echo $data[0]['heartRate'][1][5]; ?>");
    var heartRate2_1=parseFloat("<?php echo $data[1]['heartRate'][1][5]; ?>");
    var heartRate2_2=parseFloat("<?php echo $data[2]['heartRate'][1][5]; ?>");
    var heartRate2=new Array(heartRate2,heartRate2_1,heartRate2_2);
    var heartRate3=parseFloat("<?php echo $data[0]['heartRate'][2][5]; ?>");
    var heartRate3_1=parseFloat("<?php echo $data[1]['heartRate'][2][5]; ?>");
    var heartRate3_2=parseFloat("<?php echo $data[2]['heartRate'][2][5]; ?>");
    var heartRate3=new Array(heartRate3,heartRate3_1,heartRate3_2);
   $('#heartRate_age_5_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '5-6岁心跳频率环比',
        x: -20 //center
      },
      xAxis: {
        categories: year
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '慢',
        data: heartRate1
      },{
        name: '标准',
        data: heartRate2
      }, {
        name: '快',
        data: heartRate3
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <volist name="data" id="year">
        <td style="text-align:center;">{$year.year}</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">慢</td>
      <volist name="data" id="year">
        <?php 
          $age3= $year['heartRate'][2][5]+$year['heartRate'][1][5]+$year['heartRate'][0][5];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][0][5]/$age3*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">标准</td>
      <volist name="data" id="year">
        <?php 
          $age3= $year['heartRate'][2][5]+$year['heartRate'][1][5]+$year['heartRate'][0][5];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][1][5]/$age3*100,2);</php>%</td>
      </volist>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">快</td>
      <volist name="data" id="year">
        <?php 
          $age3= $year['heartRate'][2][5]+$year['heartRate'][1][5]+$year['heartRate'][0][5];
        ?>
        <td style="text-align:center;"><php> echo round($year[heartRate][2][5]/$age3*100,2);</php>%</td>
      </volist>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--5岁心跳频率环比结束-->